<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品购物车</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="../tools/jquery-pagination/pagination.css">
    <link rel="stylesheet" href="../tools/bootstrap-3.3.7-dist/css/bootstrap.css">
    <style>
        .breadcrumb {
          padding-left: 6px;
          padding-right: 6px;
        }
    
        .m-style {
          width: 800px;
          margin: 30px auto;
        }
    
        .m-style .prev , .m-style .next{
          background: pink;
          color: #fff;
          border:1px solid #000;
        }
    
        .m-style .active{
          border: 3px solid blue;
        }
        li.list-item {
            width: 260px;
            float: left;
            margin-right: 10px;
          }
          
          h3 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }
          
          p {
            font-size: 30px;
            color: red;
          }
          
          .pagi {
            width: 800px;
            height: 40px;
            border: 1px solid skyblue;
            margin: 30px auto;
          }
          
      </style>
</head>

<body>
    <!-- 头部导航 -->
    <div class="header_nav">
        <div class="nav_container">
            <ul>
                <li><a href="../Login/index.html" target="_blank">登录</a><a href="../register/index.html"
                        target="_blank">注册</a></li>
                <li><a href="">帮助中心</a></li>
                <li><a href="">下载APP</a></li>
                <li><a href="">资质证照/协议规则</a></li>
            </ul>
        </div>
    </div>
    <!-- 头部中间 -->
    <div class="header_middle">
        <div class="middle_con">
            <h1><a href="../小米有品子页面/index.html" target=""><img src="images/logo@2x.30cd8c00.png" alt=""></a></h1>
            <li><a href="">有品秒杀</a><a href="">企业采购</a></li>
            <div class="box">
                <a href="../购物车/index.html"><img src="images/QQ截图20220423181044.png" alt="" style="cursor: pointer;"></a>
            </div>
        </div>
    </div>
    <!-- 小标题 -->
    <div class="small-title">
        <li><a href="">首页</a> > <a >列表页</a></li>
    </div>
    <!-- 详情页 -->
   

    <div class="pagi"></div>

    <!-- 生成分页器内容的div标签 -->
    <div name="p" class="m-style"></div>
  
    <div class="container">
      <ul></ul>
    </div>
  







    <!-- 生成 -->

</body>

</html>
<script src="js/jquery.js"></script>
<script src="js/myAjax.js"></script>
<script src="js/tools.js"></script>
<script src="../tools/jquery-pagination/jquery.pagination.js"></script>
<script src="./js/list.js"></script>
